<script setup>
import { computed } from 'vue'
import { useRouter, useRoute } from 'vue-router'
import { ArrowRight } from '@element-plus/icons-vue'

const route = useRoute()
const routeList = computed(() => {
  return route.matched
})

</script>
<template>
  <el-breadcrumb :separator-icon="ArrowRight">
    <el-breadcrumb-item :to="{ path: pathItem.path }" v-for="pathItem of routeList">
      {{ pathItem.meta.title }}
    </el-breadcrumb-item>
  </el-breadcrumb>
</template>